/* Texto justificado */
body {
    text-align: justify;
    text-justify: inter-word;
}


.bgHeading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 25px;
    background-color: #008996C0;
    color: white;
    font-weight: bold;
}

.headingTitle {
    display: inherit;
    justify-content: center;
    align-items: center;
    background-color: #008996;
    width: 50%;
    padding: 1.5%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.bgHeading,
.headingTitle {
    margin: 100px 0;
}

/* Paneles de información */
.infoPanel {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.panelImg img {
    background-color: gray;
    height: 175px;
    border-radius: 20px;
    padding: 25px;
}

.panelText {
    position: relative;
    height: fit-content;
    margin: 0 0px 0 25px;
    width: 30%;
}

.panelText p {
    margin: 0 0 75px 0;
}

.panelText p::-webkit-scrollbar {
    display: none;
}

.panelButton {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: fit-content;
    background-color: #E15DAA;
    padding: 10px;
    border-radius: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

@media screen and (max-width: 400px) {
    .infoPanel {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .panelImg img {
        background-color: gray;
        height: 175px;
        border-radius: 20px;
        padding: 20px;
    }

    .panelText {
        position: relative;
        height: fit-content;
        margin: 0 0px 0 25px;
        width: 80%;
    }

    .panelText p {
        margin: 0 0 95px 0;
    }

    .panelText p::-webkit-scrollbar {
        display: none;
    }

    .panelButton {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: fit-content;
        background-color: #E15DAA;
        padding: 10px;
        border-radius: 10px;
        color: white;
        font-size: 20px;
        font-weight: bold;
    }
}